<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
<style type="text/css">
	table {
		border-collapse: collapse;
	}
	
	table,
	th,
	td {
		text-align: center;
		border: 1px solid black;
		font-size: 13px;
	}
	
	td {
		width: 140px;
		height: 28px;
	}
</style>
	<script type="text/javascript">
		function show(){
			//var et = document.getElementById('employees');
			//et.lastChild表示tbody元素，et.lastChild.lastChild表示最后一行
			//et.lastChild.lastChild.firstChild表示最后一行的第一个单元格
			//et.lastChild.lastChild.firstChild.firstChild表示该单元格的文本节点
			//console.info(et.lastChild); //
			//et.bgcolor = "red";
			//var s = et.lastChild.lastChild.firstChild.nodeValue;
			//var s = et.lastChild.lastChild.firstChild.innerHTML;
			//document.getElementById("showValue").value = s;
			var font1 = document.getElementById("font1");
			//font1.color = 'red';
			font1.setAttribute("color","red");
		}
	</script>
	</head>
	<body>
		<table id="employees">
			<thead>
				<tr>
					<td>编号</td>
					<td>姓名</td>
					<td>年龄</td>
					<td>住址</td>
				</tr>
			</thead>
			<tbody id="tb" name="tb">
				<tr id="tr3">
					<td id="td31"><label><font id="font1">100</font></label></td>
					<td>斯蒂芬</td>
					<td>20</td>
					<td>tjut</td>
				</tr>
				<tr>
					<td>100</td>
					<td>斯蒂芬</td>
					<td>20</td>
					<td>tjut</td>
				</tr>
				<tr>
					<td>100</td>
					<td>斯蒂芬</td>
					<td>20</td>
					<td>tjut</td>
				</tr>
			</tbody>
		</table>
	<p><input type="button" name="btn" value="表.lastChild.lastChild.firstChild.firstChild.nodeValue" onclick="show()" /></p>
	<p>获取到的值为：<input type="text" id="showValue" size="65"/></p>
	</body>
</html>